<template>
  <div>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">优惠活动</el-breadcrumb-item>
      <el-breadcrumb-item>私人订制</el-breadcrumb-item>
    </el-breadcrumb>

    <el-collapse
      accordion
      v-model="activeNames"
      @change="handleChange"
      style="margin: 30px auto"
    >
      <el-collapse-item name="1">
        <template slot="title">
          <img
            :src="require('@/assets/images/PersonalTailor-1.png')"
            alt=""
            style="
              margin-right: 30px;
              border-right: 1px solid #ababab;
              padding-right: 20px;
            "
          />
          <div class="content">
            <strong style="font-size: 24px; color: #003e6f"
              >特色婚礼 完美呈现</strong
            >
            <p>
              婚礼是您俩毕生难忘的回忆，中式婚礼、西式婚礼还是中西结合，武汉多罗碧加乐园将为您和您的伴侣量身打造，准备独特的婚礼。在摩天塔、欢乐江城、皇家转马、恺撒宫等特色场地进行宣誓，以独特的风景记录幸福的时刻。
            </p>
            <el-button type="warning">活动详情</el-button>
          </div>
        </template>
        <div class="item-content">
          <h4>专属你的求婚场景：</h4>
          <p>1、我们将根据您的个人要求，量身策划和打造婚礼现场氛围布置；</p>
          <p>
            2、摩天塔、皇家转马、欢乐江城、恺撒宫等场景，打造中式婚礼或西式婚礼
          </p>
          <p>3、欢欢、乐乐、小谷的互动；</p>
          <p>4、小丑现场主持</p>
          <p>5、多罗碧加乐园婚礼主题纪念品</p>
          <p>
            6、结婚当日，你们还可以玩遍多罗碧加乐园园区内各式各样刺激、欢乐的游乐项目、工作人员带你们观赏众多表演；
          </p>
          <p>7、门票价格优惠</p>
          <h4 style="margin-top: 10px">火速预定! 实现愿望!</h4>
          <p>预订电话: 88926666</p>
          <p>预订地址:欢乐大道196号多罗碧加乐园办公大楼三楼市场部</p>
          <p>
            请于举行日期前至少3星期预订。先到先得，额满即止。具体详情可电话咨询及面谈，一切皆可商议。
          </p>
        </div>
      </el-collapse-item>
      <el-collapse-item name="2">
        <template slot="title">
          <img
            :src="require('@/assets/images/PersonalTailor-2.png')"
            alt=""
            style="
              margin-right: 30px;
              border-right: 1px solid #ababab;
              padding-right: 20px;
            "
          />
          <div class="content">
            <strong style="font-size: 24px; color: #e74a48"
              >公司集体游 人多乐趣多</strong
            >
            <p>
              武汉多罗碧加乐园占地面积约35万平方米，拥有100项娱乐项目。是公司组织外出游玩，开展公司活动的理想场所。各大游乐项目可多人同时参与，考验员工之间的默契和团结，互相鼓励，一起挑战惊险刺激的游乐设备，人多，乐趣多！
            </p>
            <el-button type="warning">活动详情</el-button>
          </div>
        </template>
        <div class="item-content">
          <h4>火速预定! 实现愿望!</h4>
          <p>详情及订购可电话咨询：027—88926666</p>
          <p>预订地址:欢乐大道196号多罗碧加乐园办公大楼三楼市场部</p>
          <p>武汉多罗碧加乐园针对公司集体游包括日场门票</p>
        </div>
      </el-collapse-item>
      <el-collapse-item name="3">
        <template slot="title">
          <img
            :src="require('@/assets/images/PersonalTailor-3.png')"
            alt=""
            style="
              margin-right: 30px;
              border-right: 1px solid #ababab;
              padding-right: 20px;
            "
          />
          <div class="content">
            <strong style="font-size: 24px; color: #ff775c"
              >生日Party 与你相遇</strong
            >
            <p>
              年年有今日，今日大不同。如何度过这个特别的日子？除了在家里，除了有亲朋好友的参与外。想在独特的地方，来一场更热闹的生日吗？来武汉多罗碧加乐园，举办一个别开生面的生日Party，有玩、有吃、有表演、还有不一样的惊喜！
            </p>
            <el-button type="warning">活动详情</el-button>
          </div>
        </template>
        <div class="item-content">
          <h4>为你制造新花样：</h4>
          <p>
            生日怎么过才有趣，让我们来帮你打点，你只需畅享欢乐，感受意想不到的惊喜接踵而至吧！包括：
          </p>
          <p>1、欢欢、乐乐、小谷来到贺</p>
          <p>2、欢欢、乐乐、小谷及梦露、美国大兵等大合照</p>
          <p>3、可爱的小丑或高脚小丑为你主持生日派对</p>
          <p>4、Party专有场地及装饰、背景音乐</p>
          <p>5、生日蛋糕</p>
          <p>6、party糕点及小吃</p>
          <p>7、寿星专属生日礼物</p>
          <h4 style="margin-top: 10px">专属你的生日特权：</h4>
          <p>
            除了以上的安排，如果还想锦上添花，我们可以为你量身打造更合你心意的party!
            如：
          </p>
          <p>
            1、party当日，你还可以玩遍多罗碧加乐园园区内各式各样刺激、欢乐的游乐项目、工作人员带你2、观赏众多表演，让你及你的亲友尽兴而归！
          </p>
          <p>3、寿星生日当天免费入园，随行亲友可享优惠门票</p>
          <p>4、寿星当日购武汉多罗碧加乐园主题纪念品可享优惠价</p>
          <h4 style="margin-top: 10px">专属你的求婚场景：</h4>
          <p>1、35万平方米的主题公园，100项娱乐项目，每一处都有着浪漫色彩；</p>
          <p>2、我们将根据你的个人要求，量身策划和打造求婚现场氛围布置；</p>
          <p>3、欢欢、乐乐、小谷玩偶的配合或玩偶道具的借用；</p>
          <p>4、小丑的现场互动，增添氛围</p>
          <p>5、情侣主题纪念品</p>
          <p>
            6、求婚当日，你们还可以玩遍多罗碧加乐园园区内各式各样刺激、欢乐的游乐项目、工作人员带你们观赏众多表演；
          </p>
        </div>
      </el-collapse-item>
      <el-collapse-item name="4">
        <template slot="title">
          <img
            :src="require('@/assets/images/PersonalTailor-4.png')"
            alt=""
            style="
              margin-right: 30px;
              border-right: 1px solid #ababab;
              padding-right: 20px;
            "
          />
          <div class="content">
            <strong style="font-size: 24px; color: #7186ff"
              >梦幻之旅 浪漫求婚</strong
            >
            <p>
              怎样的求婚更显别出心裁，怎样的浪漫更容易让她感动。来武汉多罗碧加乐园，充满童话色彩的般的游乐场所、丰富动感的场景，和你的TA一起体验一场梦幻之旅，开启浪漫求婚，让你们的求婚纪念日增添更多的惊喜和浪漫！
            </p>
            <el-button type="warning">活动详情</el-button>
          </div>
        </template>
        <div class="item-content">
          <h4>皇家转马——永不停转的爱恋</h4>
          <p>
            独具欧式气质的双层皇家转马，夜晚，炫彩的灯光随着音乐的节奏不停的旋转。仿若置身童话的世界里，让正沉浸在旋转木马上的她，在可爱的小丑迎接下，突然奉上一个意外的惊喜！让你们的求婚表白更加浪漫，如永不停转的转马！
          </p>
          <h4>摩天塔——令人向往的表白</h4>
          <p>
            120米至高观光塔，冲上云霄与天相容，牵着TA的手，一起揽月摘星，一起远眺东湖盛景，俯瞰多罗碧加乐园的童话世界。或者乘其不备，来一个意外的装扮，出现在她的视线里，让你的诚意公之于众，感动于她！
          </p>
          <h4>过山车——最刺激难忘的表白</h4>
          <p>
            浪漫的、欢乐的、还可以来一场刺激难忘的表白。牵着TA的手，在过山车上一起体验速度与激情，在高空俯冲的刺激瞬间，大声喊出你想对她说的话，让她知道，给她安全和温暖的依靠。
          </p>
          <h4 style="margin-top: 10px">火速预定! 实现愿望!</h4>
          <p>预订电话: 88926666</p>
          <p>预订地址:欢乐大道196号多罗碧加乐园办公大楼三楼市场部</p>
          <p>
            请于举行日期前至少3星期预订。先到先得，额满即止。具体详情可电话咨询及面谈，一切皆可商议。
          </p>
        </div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      activeNames: ["0"],
    };
  },
  computed: {},
  created() {},
  mounted() {},
  methods: {
    handleChange(val) {
      console.log(val);
    },
  },
};
</script>

<style scoped lang="scss">
::v-deep .el-breadcrumb {
  font-size: 21px;
  line-height: 2;
}

::v-deep .el-collapse {
  width: 1145px;
}

::v-deep .el-collapse-item__header {
  height: 245px;
  width: 1045px;
  padding: 30px 50px;
}

.content {
  p {
    width: 700px;
    line-height: 24px;
    font-size: 14px;
  }
}

.item-content {
  font-size: 14px;
  margin: 0 50px;
  padding: 10px 0;
  border-top: 1px dashed #ababab;
  border-bottom: 1px dashed #ababab;
  h4 {
    color: #ef4850;
  }
}

.img-box {
  border-top: 1px dashed #ababab;
  border-bottom: 1px dashed #ababab;
}
</style>
